<template>
  <div>
    <h2 class="r_title">
      区管理
    </h2>
    <div class="p20">
      <div class="row">
        <div class="h3 row-item">筛选</div>
        <province class="pl10 row-item"/>
        <city class="pl10 row-item"/>
        <search style="width: 207px" class="pl10 row-item" :placeholder="'请输入区'" :storeFunction="'SetAreaName'"/>
        <join-year class="pl10 row-item"/>
      </div>
      <div class="bod mt20">
        <district-table></district-table>
      </div>
    </div>
  </div>
</template>

<script>
import province from '../../components/select/province'
import city from '../../components/select/city'
import search from '../../components/input/search'
import joinYear from '../../components/select/joinYear'
import districtTable from './table/district'
export default {
  name: 'district-management',
  components: {
    province,
    city,
    search,
    joinYear,
    districtTable
  },
  mounted () {
    this.$store.dispatch('setRoute', this.$route.path)
  }
}
</script>

<style scoped>
</style>
